<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>预订-驴游网</title>
    <script>
        window.SITEURL = "/";
        window.CURRENCY_SYMBOL = "￥";
    </script>
    <link type="text/css" href="css/min_1.css" rel="stylesheet">
    <link type="text/css" href="css/min.css" rel="stylesheet">
    <link type="text/css" href="css/min_4.css" rel="stylesheet">
    <script type="text/javascript" src="js/min_2.js"></script>
</head>

<body style="background: #f6f6f6">
    <link type="text/css" href="css/min_2.css" rel="stylesheet">
    <link type="text/css" href="css/skin.css" rel="stylesheet">
    <div class="web-top">
        <div class="wm-1200">
            <div class="notice-txt">
            </div>
            <div class="top-login">
                <span id="loginstatus">
                </span>
                <a class="dd" href="/search/order"><i></i>订单查询</a>
                <dl class="dh">
                    <dt><i></i>网站导航</dt>
                    <dd>
                        <a class="active" href="http://127.0.0.1:8085">首页</a>
                        <a href="../line/line.html" class>线路</a>
                        <a href="../destination/destination.html" class>目的地</a>
                        <a href="../hotel/hotel.html" class>酒店</a>
                        <a href="../car/car.html" class>租车</a>
                        <a href="../spots/spots.html" class>景点</a>
                        <a href="../raiders/raiders.html" class>攻略</a>
                        <a href="../visa/visa.html" class>签证</a>
                        <a href="../notes/notes.html" class>游记</a>
                        <a href="../techan/techan.html" class>特产</a>
                        <a href="../guide/guide.html" class>导游</a>
                    </dd>
                </dl>
            </div>
            <div class="scroll-order">
                <ul>
                    <li>小黑是只猫1小时前评论了<a href="https://www.situcms.com/food/show_1.html" target="_blank">乐山钵钵鸡</a></li>
                    <li>匿名1小时前评论了<a href="https://www.situcms.com/notes/show_1.html" target="_blank">西藏︱飞姑娘的西游记：纳木错星空.当雄赛马节.布达拉宫.雪山...</a></li>
                    <li>yimingsab…3小时前评论了<a href="https://www.situcms.com/notes/show_9.html" target="_blank">情迷夏威夷——一个火山与海的世界</a></li>

                </ul>
            </div>
        </div>
    </div>
    <!--顶部-->
    <div class="st-header">
        <div class="wm-1200">
            <div class="st-logo">
                <img src="/zhuye/images/前台logo.png" width="226px" height="100px" alt="logo">
            </div>
            <link type="text/css" href="css/min_5.css" rel="stylesheet">
            <script type="text/javascript" src="js/min_3.js"></script>
            <div class="st-local-city">
                <div class="head_start_city">
                    <p class="sc_name"><span><em id="current_city">城市</em><i class="icon_arrow"></i></span></p>
                    <div class="show_city">
                        <div id="con">
                            <div class="station_search">
                                <div class="station_search_box">
                                    <span class="header_icon"></span>
                                    <input class="txt" id="city_search_txt" type="text" placeholder="搜索城市（支持汉字、拼音和首字母查询）">
                                </div>
                                <div class="station_search_result">
                                </div>
                            </div>
                            <div class="station_hot">
                                <h4>热门城市</h4>
                                <p>
                                    <a class="city-item" href="javascript:void(0)" data-city="东亚">东亚</a>
                                    <a class="city-item" href="javascript:void(0)" data-city="东南亚">东南亚</a>
                                    <a class="city-item" href="javascript:void(0)" data-city="中亚">中亚</a>
                                    <a class="city-item" href="javascript:void(0)" data-city="出境旅游">出境旅游</a>
                                    <a class="city-item" href="javascript:void(0)" data-city="南亚">南亚</a>
                                    <a class="city-item" href="javascript:void(0)" data-city="周边景点">周边景点</a>
                                    <a class="city-item" href="javascript:void(0)" data-city="国内旅游">国内旅游</a>
                                    <a class="city-item" href="javascript:void(0)" data-city="欧洲">欧洲</a>
                                    <a class="city-item" href="javascript:void(0)" data-city="热门景点">热门景点</a>
                                    <a class="city-item" href="javascript:void(0)" data-city="美洲">美洲</a>
                                </p>
                            </div>
                            <div class="tagBox">
                                <ul id="tags" class="station_titlist clearfix">
                                    <li data-contain="content_1"><a href="javascript:void(0)">CD</a></li>
                                    <li data-contain="content_2"><a href="javascript:void(0)">G</a></li>
                                    <li data-contain="content_3"><a href="javascript:void(0)">KMNO</a></li>
                                    <li data-contain="content_4"><a href="javascript:void(0)">R</a></li>
                                    <li data-contain="content_5"><a href="javascript:void(0)">XZ</a></li>
                                </ul>
                                <div id="tagContent">
                                    <div class="tagContent" style="display:none" id="content_1">
                                        <div class="line clearfix">
                                            <div class="line_left">C</div>
                                            <div class="line_right clearfix">
                                                <a class="city-item" href="javascript:void(0)" data-city="出境旅游">出境旅游</a>
                                            </div>
                                        </div>
                                        <div class="line clearfix">
                                            <div class="line_left">D</div>
                                            <div class="line_right clearfix">
                                                <a class="city-item" href="javascript:void(0)" data-city="东南亚">东南亚</a>
                                                <a class="city-item" href="javascript:void(0)" data-city="东亚">东亚</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tagContent" style="display:none" id="content_2">
                                        <div class="line clearfix">
                                            <div class="line_left">G</div>
                                            <div class="line_right clearfix">
                                                <a class="city-item" href="javascript:void(0)" data-city="国内旅游">国内旅游</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tagContent" style="display:none" id="content_3">
                                        <div class="line clearfix">
                                            <div class="line_left">K</div>
                                            <div class="line_right clearfix">
                                                <a class="city-item" href="javascript:void(0)" data-city="周边景点">周边景点</a>
                                            </div>
                                        </div>
                                        <div class="line clearfix">
                                            <div class="line_left">M</div>
                                            <div class="line_right clearfix">
                                                <a class="city-item" href="javascript:void(0)" data-city="美洲">美洲</a>
                                            </div>
                                        </div>
                                        <div class="line clearfix">
                                            <div class="line_left">N</div>
                                            <div class="line_right clearfix">
                                                <a class="city-item" href="javascript:void(0)" data-city="南亚">南亚</a>
                                            </div>
                                        </div>
                                        <div class="line clearfix">
                                            <div class="line_left">O</div>
                                            <div class="line_right clearfix">
                                                <a class="city-item" href="javascript:void(0)" data-city="欧洲">欧洲</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tagContent" style="display:none" id="content_4">
                                        <div class="line clearfix">
                                            <div class="line_left">R</div>
                                            <div class="line_right clearfix">
                                                <a class="city-item" href="javascript:void(0)" data-city="热门景点">热门景点</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tagContent" style="display:none" id="content_5">
                                        <div class="line clearfix">
                                            <div class="line_left">X</div>
                                            <div class="line_right clearfix">
                                                <a class="city-item" href="javascript:void(0)" data-city="西亚">西亚</a>
                                            </div>
                                        </div>
                                        <div class="line clearfix">
                                            <div class="line_left">Z</div>
                                            <div class="line_right clearfix">
                                                <a class="city-item" href="javascript:void(0)" data-city="中亚">中亚</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="st-top-search">
                <div class="st-search-down">
                    <strong id="typename"><span class></span><i></i></strong>
                    <ul class="st-down-select searchmodel">
                        <li data-pinyin="line">线路</li>
                        <li data-pinyin="hotel">酒店</li>
                        <li data-pinyin="car">租车</li>
                        <li data-pinyin="spot">景点</li>
                        <li data-pinyin="article">攻略</li>
                        <li data-pinyin="visa">签证</li>
                        <li data-pinyin="guide">导游</li>
                        <li data-pinyin="insurance">保险</li>
                    </ul>
                </div>
                <input type="text" id="st-top-search" class="st-txt searchkeyword" placeholder="成都">
                <input type="button" value="搜索" class="st-btn">
                <span id="dt-top-search-span" class="hide">
                    <a href="javascript:;" class="hot_search_key" data-keyword="汉中旅">汉中旅</a>
                    <a href="javascript:;" class="hot_search_key" data-keyword="成都">成都</a>
                    <a href="javascript:;" class="hot_search_key" data-keyword="国内旅游">国内旅游</a>

                </span>
                <div class="st-hot-dest-box" id="stHotDestBox">
                    <div class="block-tit"><strong>热门搜索</strong><i class="close-ico"></i></div>
                    <div class="block-nr">
                        <dl>
                            <dt>热搜词</dt>
                            <dd class="clearfix">
                                <a class="hot_search_key" href="javascript:;" data-keyword="汉中旅">汉中旅</a>
                                <a class="hot_search_key" href="javascript:;" data-keyword="成都">成都</a>
                                <a class="hot_search_key" href="javascript:;" data-keyword="国内旅游">国内旅游</a>
                                <a class="hot_search_key" href="javascript:;" data-keyword="四川">四川</a>
                                <a class="hot_search_key" href="javascript:;" data-keyword="锦江宾馆">锦江宾馆</a>

                            </dd>
                        </dl>
                        <dl>
                            <dt>目的地</dt>
                            <dd class="clearfix">
                                <a href="https://www.situcms.com/guonelvyou/" target="_blank">国内旅游</a>
                                <a href="https://www.situcms.com/lasa/" target="_blank">拉萨</a>
                                <a href="https://www.situcms.com/riben/" target="_blank">日本</a>
                                <a href="https://www.situcms.com/emeileshan/" target="_blank">峨眉乐山</a>
                                <a href="https://www.situcms.com/jiuzhaigou/" target="_blank">九寨沟</a>
                                <a href="https://www.situcms.com/chujinglvyou/" target="_blank">出境旅游</a>
                                <a href="https://www.situcms.com/hanguo/" target="_blank">韩国</a>
                                <a href="https://www.situcms.com/ruishi/" target="_blank">瑞士</a>
                                <a href="https://www.situcms.com/chaoxian/" target="_blank">朝鲜</a>
                                <a href="https://www.situcms.com/deguo/" target="_blank">德国</a>
                                <a href="https://www.situcms.com/na/" target="_blank">那曲</a>
                                <a href="https://www.situcms.com/yidali/" target="_blank">意大利</a>
                                <a href="https://www.situcms.com/changdu/" target="_blank">昌都</a>
                                <a href="https://www.situcms.com/beijing/" target="_blank">北京</a>
                                <a href="https://www.situcms.com/sichuan1/" target="_blank">四川</a>
                                <a href="https://www.situcms.com/guizhou/" target="_blank">贵州</a>
                                <a href="https://www.situcms.com/xicang/" target="_blank">西藏</a>
                                <a href="https://www.situcms.com/xicheng/" target="_blank">西城</a>
                                <a href="https://www.situcms.com/chaoyang/" target="_blank">朝阳</a>
                                <a href="https://www.situcms.com/jingshan/" target="_blank">石景山</a>

                            </dd>
                        </dl>
                    </div>
                </div>
                <!--热搜框-->
                <script>
                    $(function() {
                        $('#st-top-search').click(function(event) {
                            $('#stHotDestBox').show();
                            event.stopPropagation();
                        });
                        $('.close-ico').click(function(event) {
                            $('#stHotDestBox').hide();
                            event.stopPropagation();
                        });
                        $('body').click(function() {
                            $('#stHotDestBox').hide();
                        });
                    })
                </script>
            </div>
            <div class="st-link-way">
                <img class="link-way-ico" src="images/24hours-ico.png" width="45" height="45">
                <div class="link-way-txt">
                    <em>176-9625-2890</em>
                </div>
            </div>
        </div>
    </div>
    <!--header-->
    <div class="st-nav">
        <div class="wm-1200">
            <div class="st-global">
                <div class="global-bt">旅游导航</div>
                <div class="global-list" style="display: none;">
                    <div class="gl-list-tabbox">
                        <h3>
                            <strong><em><img src="images/98434b538fb07a8c129e3d2a69f05890_20x20.png"></em><a href="http://www.situcms.com/" target="_blank">产品功能</a></strong>
                            <p>
                                <a href="http://www.situcms.com/" target="_blank"><span style="color:#FF3300">直接营销</span></a>
                                <a href="http://www.situcms.com/" target="_blank"><span style="color:#FF3300">间接营销</span></a>
                                <a href="http://www.situcms.com/" target="_blank"><span style="color:#FF3300">辅助营销</span></a>
                                <a href="http://www.situcms.com/plugins/supplier/" target="_blank">供应商</a>

                            </p>
                            <i class="arrow-rig"></i>
                        </h3>
                        <div class="tabcon-item">
                            <div class="item-list">
                                <dl>
                                    <dt><a href="http://www.situcms.com/" target="_blank"><span style="color:#FF3300">直接营销</span></a></dt>
                                    <dd>
                                        <a href="http://www.situcms.com/ship/" target="_blank">邮轮</a>
                                        <a href="http://www.situcms.com/outdoor/" target="_blank">户外</a>
                                        <a href="http://www.situcms.com/insurance/" target="_blank">保险</a>
                                        <a href="http://www.situcms.com/tuan/" target="_blank">团购</a>
                                        <a href="http://www.situcms.com/customize/" target="_blank">私人定制</a>
                                        <a href="http://www.situcms.com/exfood/" target="_blank">通用</a>
                                        <a href="http://www.situcms.com/exfood/" target="_blank">美食扩展</a>

                                    </dd>
                                </dl>
                                <dl>
                                    <dt><a href="http://www.situcms.com/" target="_blank"><span style="color:#FF3300">间接营销</span></a></dt>
                                    <dd>
                                        <a href="http://www.situcms.com/news/" target="_blank">资讯</a>
                                        <a href="http://www.situcms.com/questions/" target="_blank">问答</a>
                                        <a href="http://www.situcms.com/jieban/" target="_blank">结伴</a>
                                        <a href="http://www.situcms.com/notes/" target="_blank">游记</a>

                                    </dd>
                                </dl>
                                <dl class="clear">
                                    <dt><a href="http://www.situcms.com/" target="_blank"><span style="color:#FF3300">辅助营销</span></a></dt>
                                    <dd>
                                        <a href="http://www.situcms.com/zt/chunji" target="_blank">专题</a>
                                        <a href="http://www.situcms.com/member/club/" target="_blank">积分俱乐部</a>

                                    </dd>
                                </dl>
                                <dl>
                                    <dt><a href="http://www.situcms.com/plugins/supplier/" target="_blank">供应商</a></dt>
                                    <dd>
                                        <a href="http://www.situcms.com/plugins/supplier/" target="_blank">供应商地址</a>

                                    </dd>
                                </dl>

                            </div>
                            <div class="ad-box">

                            </div>
                        </div>
                    </div>
                    <div class="gl-list-tabbox">
                        <h3>
                            <strong><em><img src="images/20161116145528_20x20.png"></em><a href="http://www.situcms.com/lines/" target="_blank">国内旅游</a></strong>
                            <p>
                                <a href="http://www.situcms.com/sichuan1" target="_blank"><span style="color:#FF6600">四川</span></a>
                                <a href="http://www.situcms.com/xicang" target="_blank"><span style="color:#FF6600">西藏</span></a>

                            </p>
                            <i class="arrow-rig"></i>
                        </h3>
                        <div class="tabcon-item">
                            <div class="item-list">
                                <dl>
                                    <dt><a href="http://www.situcms.com/sichuan1" target="_blank"><span style="color:#FF6600">四川</span></a></dt>
                                    <dd>
                                        <a href="http://www.situcms.com/lines/emeileshan" target="_blank"><span style="color:#000000">峨眉山</span></a>
                                        <a href="http://www.situcms.com/lines/daochengyading/" target="_blank"><span style="color:#000000">稻城亚丁</span></a>
                                        <a href="http://www.situcms.com/lines/shunanzhuhai/" target="_blank"><span style="color:#000000">蜀南竹海</span></a>

                                    </dd>
                                </dl>
                                <dl>
                                    <dt><a href="http://www.situcms.com/xicang" target="_blank"><span style="color:#FF6600">西藏</span></a></dt>
                                    <dd>
                                        <a href="http://www.situcms.com/lines/lasa/" target="_blank"><span style="color:#000000">拉萨</span></a>
                                        <a href="http://www.situcms.com/lines/na/" target="_blank"><span style="color:#000000">那曲</span></a>
                                        <a href="http://www.situcms.com/lines/changdu/" target="_blank"><span style="color:#000000">昌都</span></a>

                                    </dd>
                                </dl>

                            </div>
                            <div class="ad-box">

                            </div>
                        </div>
                    </div>
                    <div class="gl-list-tabbox">
                        <h3>
                            <strong><em><img src="images/20161116145554_20x20.png"></em><a href="http://www.situcms.com/lines/" target="_blank">出境旅游</a></strong>
                            <p>
                                <a href="http://www.situcms.com/lines/meizhou" target="_blank"><span style="color:#FF6600">美洲</span></a>
                                <a href="http://www.situcms.com/lines/ouzhou" target="_blank"><span style="color:#FF6600">欧洲</span></a>
                                <a href="http://www.situcms.com/lines/dongya" target="_blank"><span style="color:#FF6600">东亚</span></a>

                            </p>
                            <i class="arrow-rig"></i>
                        </h3>
                        <div class="tabcon-item">
                            <div class="item-list">
                                <dl>
                                    <dt><a href="http://www.situcms.com/lines/meizhou" target="_blank"><span style="color:#FF6600">美洲</span></a></dt>
                                    <dd>
                                        <a href="http://www.situcms.com/lines/meiguo/" target="_blank"><span style="color:#000000">美国</span></a>
                                        <a href="http://www.situcms.com/lines/jianada/" target="_blank"><span style="color:#000000">加拿大</span></a>
                                        <a href="http://www.situcms.com/lines/moxige/" target="_blank"><span style="color:#000000">墨西哥</span></a>

                                    </dd>
                                </dl>
                                <dl>
                                    <dt><a href="http://www.situcms.com/lines/ouzhou" target="_blank"><span style="color:#FF6600">欧洲</span></a></dt>
                                    <dd>
                                        <a href="http://www.situcms.com/lines/yidali/" target="_blank"><span style="color:#000000">意大利</span></a>
                                        <a href="http://www.situcms.com/lines/ruishi/" target="_blank"><span style="color:#000000">瑞士</span></a>
                                        <a href="http://www.situcms.com/lines/deguo/" target="_blank"><span style="color:#000000">德国</span></a>

                                    </dd>
                                </dl>
                                <dl class="clear">
                                    <dt><a href="http://www.situcms.com/lines/dongya" target="_blank"><span style="color:#FF6600">东亚</span></a></dt>
                                    <dd>
                                        <a href="http://www.situcms.com/lines/chaoxian/" target="_blank"><span style="color:#000000">朝鲜</span></a>
                                        <a href="http://www.situcms.com/lines/riben/" target="_blank"><span style="color:#000000">日本</span></a>
                                        <a href="http://www.situcms.com/lines/hanguo/" target="_blank"><span style="color:#000000">韩国</span></a>

                                    </dd>
                                </dl>

                            </div>
                            <div class="ad-box">

                            </div>
                        </div>
                    </div>
                    <div class="gl-list-tabbox">
                        <h3>
                            <strong><em><img src="images/20161116145618_20x20.png"></em><a href="http://www.situcms.com/lines/" target="_blank">主题旅游</a></strong>
                            <p>
                                <a href="http://www.situcms.com/lines/all-0-0-0-0-0-85-1" target="_blank"><span style="color:#996600">飞机团</span></a>
                                <a href="http://www.situcms.com/lines/all-0-0-0-0-0-86-1" target="_blank">汽车团</a>

                            </p>
                            <i class="arrow-rig"></i>
                        </h3>
                        <div class="tabcon-item">
                            <div class="item-list">
                                <dl>
                                    <dt><a href="http://www.situcms.com/lines/all-0-0-0-0-0-85-1" target="_blank"><span style="color:#996600">飞机团</span></a></dt>
                                    <dd>
                                        <a href="javascript:;" target="_blank">夏令营</a>

                                    </dd>
                                </dl>
                                <dl>
                                    <dt><a href="http://www.situcms.com/lines/all-0-0-0-0-0-86-1" target="_blank">汽车团</a></dt>
                                    <dd>
                                        <a href="http://www.situcms.com/lines/" target="_blank">海岛蜜月</a>
                                        <a href="http://www.situcms.com/lines/" target="_blank">极限运动</a>

                                    </dd>
                                </dl>

                            </div>
                            <div class="ad-box">

                            </div>
                        </div>
                    </div>
                    <div class="gl-list-tabbox">
                        <h3>
                            <strong><em><img src="images/20161116145644_20x20.png"></em><a href="http://www.situcms.com/hotels/" target="_blank">精选酒店</a></strong>
                            <p>
                                <a href="http://www.situcms.com/hotels/sichuan1" target="_blank">四川酒店</a>
                                <a href="http://www.situcms.com/hotels/xicang" target="_blank">西藏酒店</a>
                                <a href="http://www.situcms.com/hotels/all-0-0-0-0-191-1" target="_blank">亲子酒店</a>

                            </p>
                            <i class="arrow-rig"></i>
                        </h3>
                        <div class="tabcon-item">
                            <div class="item-list">
                                <dl>
                                    <dt><a href="http://www.situcms.com/hotels/sichuan1" target="_blank">四川酒店</a></dt>
                                    <dd>

                                    </dd>
                                </dl>
                                <dl>
                                    <dt><a href="http://www.situcms.com/hotels/xicang" target="_blank">西藏酒店</a></dt>
                                    <dd>

                                    </dd>
                                </dl>
                                <dl class="clear">
                                    <dt><a href="http://www.situcms.com/hotels/all-0-0-0-0-191-1" target="_blank">亲子酒店</a></dt>
                                    <dd>

                                    </dd>
                                </dl>

                            </div>
                            <div class="ad-box">

                            </div>
                        </div>
                    </div>
                    <div class="gl-list-tabbox">
                        <h3>
                            <strong><em><img src="images/usernav.png"></em><a href="http://www.situcms.com/ship" target="_blank">邮轮旅行</a></strong>
                            <p>
                                <a href="http://www.situcms.com/ship/all-0-0-0-0-2-0-1" target="_blank">蓝宝石公主号</a>
                                <a href="http://www.situcms.com/ship/all-0-0-0-0-1-0-1" target="_blank">海洋量子号</a>

                            </p>
                            <i class="arrow-rig"></i>
                        </h3>
                        <div class="tabcon-item">
                            <div class="item-list">
                                <dl>
                                    <dt><a href="http://www.situcms.com/ship/all-0-0-0-0-2-0-1" target="_blank">蓝宝石公主号</a></dt>
                                    <dd>

                                    </dd>
                                </dl>
                                <dl>
                                    <dt><a href="http://www.situcms.com/ship/all-0-0-0-0-1-0-1" target="_blank">海洋量子号</a></dt>
                                    <dd>

                                    </dd>
                                </dl>

                            </div>
                            <div class="ad-box">

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <script>
                $(function() {
                    $('.gl-list-tabbox,.st-dh-con').hover(function() {
                        $(this).children('h3').addClass('hover').next('.tabcon-item,.st-dh-item').show();
                        $(this).children('h3').find('.arrow-rig').hide();
                    }, function() {
                        $(this).children('h3').removeClass('hover').next('.tabcon-item,.st-dh-item').hide();
                        $(this).children('h3').find('.arrow-rig').show();
                    })
                    $('.global-list').hide();
                    $('.st-global').hoverDelay(function() {
                        $('.global-list').show();
                    }, function() {
                        $('.global-list').hide();
                    })
                })
            </script>
            <div class="st-menu">
                <ul class="clearfix">
                    <li><a href="https://www.situcms.com/">首页<s></s></a></li>
                    <li class="nav_header_1">
                        <img class="st-nav-icon" src="images/xinpin.png"> <s></s>
                        <a href="../line/line.html" title="成都周边旅游线路">
                            线路 <i class="st-arrow-ico"></i>
                        </a>
                        <div class="down-nav">
                            <div class="sub-list">
                                <a href="http://www.situcms.com/lines/guonelvyou/">周边游</a>
                                <a href="/lines/jiuzhaigou-0-0-0-0-0-142-1">自驾游</a>
                                <a href="/emeileshan/">省内特价游</a>
                            </div>
                        </div>
                    </li>
                    <li class="nav_header_12">
                        <s></s>
                        <a href="../destination/destination.html" title="旅游目的地">
                            目的地 </a>
                    </li>
                    <li class="nav_header_2">
                        <s></s>
                        <a href="../hotel/hotel.html" title="九寨沟酒店">
                            酒店 </a>
                    </li>
                    <li class="nav_header_3">
                        <s></s>
                        <a href="../car/car.html" title="九寨沟旅游租车">
                            租车 <i class="st-arrow-ico"></i>
                        </a>
                        <div class="down-nav">
                            <div class="sub-list">
                                <a href="/cars/all-1-0-0-0-1">越野租车</a>
                                <a href="/cars/all-2-0-0-0-1">商务租车</a>
                                <a href="/cars/all-3-0-0-0-1">旅游大巴租车</a>
                            </div>
                        </div>
                    </li>
                    <li class="nav_header_5">
                        <s></s>
                        <a href="../spots/spots.html" title="成都周边旅游景点">
                            景点 <i class="st-arrow-ico"></i>
                        </a>
                        <div class="down-nav">
                            <div class="sub-list">
                                <a href="/spots/jiuzhaigou/">四川景点</a>
                                <a href="/spots/emeileshan/">国内景点</a>
                                <a href="/spots/jiuzhaigou-0-0-5-1">出境景点</a>
                            </div>
                        </div>
                    </li>
                    <li class="nav_header_4">
                        <s></s>
                        <a href="../raiders/raiders.html" title="九寨沟旅游攻略">
                            攻略 </a>
                    </li>
                    <li class="nav_header_8">
                        <s></s>
                        <a href="../visa/visa.html" title="签证">
                            签证 <i class="st-arrow-ico"></i>
                        </a>
                        <div class="down-nav">
                            <div class="sub-list">
                                <a href="/visa/xinxilan/">新西兰签证</a>
                                <a href="/visa/yingguo/">英国签证</a>
                            </div>
                        </div>
                    </li>
                    <li class="nav_header_101">
                        <s></s>
                        <a href="../notes/notes.html" title="游记">
                            游记 </a>
                    </li>
                    <li class="nav_header_18">
                        <s></s>
                        <a href="../techan/techan.html" title="特产">
                            特产 </a>
                    </li>
                    <li class="nav_header_106">
                        <s></s>
                        <a href="../guide/guide.html" title="导游">
                            导游 </a>
                    </li>
                    <li class="nav_header_111">
                        <s></s>
                        <a href="https://www.situcms.com/insurance/" title="保险">
                            保险 </a>
                    </li>
                    <li class="nav_header_">
                        <s></s>
                        <a href="/plugins/supplier/" title="供应商">
                            供应商 </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--主导航-->
    <script type="text/javascript" src="js/min.js"></script>
    <script>
        var SITEURL = "/";
        $(function() {
            $(".st-search-down").hover(function() {
                $(".st-down-select").show()
            }, function() {
                $(".st-down-select").hide()
            });
            $(".searchmodel li").click(function() {
                var pinyin = $(this).attr('data-pinyin');
                var typename = $(this).text();
                $("#typename").html(typename + '<i></i>');
                $("#typename").attr('data-pinyin', pinyin);
                $(".st-down-select").hide()
            });
            $(".searchmodel li:first").trigger('click');
            //search
            $('.st-btn').click(function() {
                var keyword = $.trim($('.searchkeyword').val());
                if (keyword == '') {
                    keyword = $('.searchkeyword').attr('placeholder');
                    if (keyword == '') {
                        $('.searchkeyword').focus();
                        return false;
                    }
                }
                var pinyin = $("#typename").attr('data-pinyin');
                var url = SITEURL + 'query/' + pinyin + '?keyword=' + encodeURIComponent(keyword);
                location.href = url;
            });
            $('.hot_search_key').click(function() {
                var keyword = $(this).attr('data-keyword');
                var pinyin = $("#typename").attr('data-pinyin');
                var url = SITEURL + 'query/' + pinyin + '?keyword=' + encodeURIComponent(keyword);
                location.href = url;
            });
            //search focus
            var topSearch = {};
            topSearch.placeholder = $('#st-top-search').attr('placeholder');
            topSearch.spanHtml = $('#dt-top-search-span').html();
            $('#st-top-search').focus(function() {
                $('#st-top-search').attr('placeholder', '');
                $('#dt-top-search-span').html('');
                $(this).keyup(function(event) {
                    if (event.keyCode == 13) {
                        $('.st-btn').click();
                    }
                });
            });
            $('#st-top-search').blur(function() {
                if ($(this).val() == '') {
                    $('#st-top-search').attr('placeholder', topSearch.placeholder);
                    $('#dt-top-search-span').html(topSearch.spanHtml);
                }
            });
            //导航的选中状态
            $(".st-menu a").each(function() {
                var url = window.location.href;
                url = url.replace('index.php', '');
                url = url.replace('index.html', '');
                var ulink = $(this).attr("href");
                if (url == ulink) {
                    $(this).parents("li:first").addClass('active');
                }
            });
            ST.Login.check_login(function(data) {
                if (data.status) {
                    var msg_new = data.user.has_msg > 0 ? '<s class="point-icon"></s>' : '';
                    $txt = '<a class="dl" style="padding:0" href="javascript:;">你好,</a>';
                    $txt += '<a class="dl" href="https://www.situcms.com/member/">' + data.user.nickname + '</a>';
                    $txt += '<a class="dl" href="javascript:ST.Login.login_out();">退出</a>';
                    $txt += '<a class="msg" href="https://www.situcms.com/member/message/index"><i></i>消息' + msg_new + '</a>';
                    //$txt+= '<a class="dl" href="/member">个人中心</a>';
                } else {
                    $txt = '<a class="dl" href="https://www.situcms.com/member/login">登录</a>';
                    $txt += '<a class="zc" href="https://www.situcms.com/member/register">免费注册</a>';
                }
                $("#loginstatus").html($txt);
            });
            //二级导航
            var offsetLeft = new Array();
            var windowWidth = $(window).width();

            function get_width() {
                windowWidth = $(window).width();
                //设置"down-nav"宽度为浏览器宽度
                $(".down-nav").width($(window).width());
                $(".st-menu li").hover(function() {
                    var liWidth = $(this).width() / 2;
                    $(this).addClass("this-hover");
                    offsetLeft = $(this).offset().left;
                    $(this).children(".down-nav").css("left", -offsetLeft);
                    offsetLeft = $(this).offset().left;
                    //获取当前选中li下的sub-list宽度
                    var nav_left = $(this).parents(".wm-1200:first").offset().left;
                    var nav_width = $(this).parents(".wm-1200:first").width();
                    var nav_right = nav_left + nav_width;
                    var sub_list_width = $(this).children(".down-nav").children(".sub-list").width();
                    if (sub_list_width > nav_width)
                        sub_list_width = nav_width;
                    var sub_list_left = offsetLeft - sub_list_width / 2 + liWidth;
                    var sub_list_right = sub_list_left + sub_list_width;
                    $(this).children(".down-nav").children(".sub-list").css("width", sub_list_width);
                    $(this).children(".down-nav").children(".sub-list").css("left", sub_list_left);
                    if (sub_list_left < nav_left) {
                        $(this).children(".down-nav").children(".sub-list").css("left", nav_left);
                    }
                    if (sub_list_right > nav_right) {
                        $(this).children(".down-nav").children(".sub-list").css("left", nav_right - sub_list_width);
                    }
                    // alert(nav_left);
                    /*  var offsetRight = windowWidth-offsetLeft;
                      var side_width = (windowWidth - 1200)/2;
                      if(sub_list_width > offsetRight){
                          $(this).children(".down-nav").children(".sub-list").css({"right":side_width,"left":offsetLeft-sub_list_width/2+liWidth,"width":"auto"});
                      }
                      if(side_width > offsetLeft-sub_list_width/2+liWidth){
                          $(this).children(".down-nav").children(".sub-list").css({"right":side_width,"left":side_width,"width":"auto"});
                      }
                      */
                }, function() {
                    $(this).removeClass("this-hover");
                });
            };
            $(window).resize(function() {
                get_width();
            });
            get_width();
            //选中导航
            var typeid = "5";
            if (typeid != '') {
                $('.nav_header_' + typeid).addClass('active');
            }
            //超出的栏目隐藏
            var maxWidth = 0;
            var primaryMenuLi = $(".st-menu>ul>li");
            for (i = 0; i < primaryMenuLi.length; i++) {
                maxWidth += $(primaryMenuLi[i]).width();
                if (maxWidth > 980) {
                    $(primaryMenuLi[i]).hide()
                }
            }
        })
    </script>
    <script>
        //全站顶部滚动订单信息
        function AutoScroll(obj) {
            $(obj).find("ul:first").animate({
                marginTop: "-35px"
            }, 500, function() {
                $(this).css({
                    marginTop: "0px"
                }).find("li:first").appendTo(this);
            });
        }
        $(document).ready(function() {
            var myar = setInterval('AutoScroll(".scroll-order")', 5000)
            $(".scroll-order").hover(function() {
                clearInterval(myar)
            }, function() {
                myar = setInterval('AutoScroll(".scroll-order")', 5000)
            }); //当鼠标放上去的时候，滚动停止，鼠标离开的时候滚动开始
        })
        $(function() {
            //顶部网站导航显示隐藏
            var topNavToggle = $('.top-login dl');
            topNavToggle.hover(function() {
                $(this).css({
                    background: '#fff',
                    borderLeft: '1px solid #f9f7f6',
                    borderRight: '1px solid #f9f7f6'
                });
                $(this).children('dd').slideDown(100)
            }, function() {
                $(this).css({
                    background: 'none',
                    borderLeft: '1px solid #f9f7f6',
                    borderRight: '1px solid #f9f7f6'
                });
                $(this).children('dd').slideUp(100)
            });
            //线路首页分类导航
            $('.st-dh-con').hover(function() {
                $(this).children('h3').addClass('hover').next('.st-dh-item').show()
            }, function() {
                $(this).children('h3').removeClass('hover').next('.st-dh-item').hide()
            })
        })
    </script>
    <script type="text/javascript" src="js/min_1.js"></script>
    <div class="big">
        <div class="wm-1200">
            <div class="st-guide">
                <a href="/">首页</a>&nbsp;&nbsp;&gt;&nbsp;&nbsp;景点
            </div>
            <!--面包屑-->
            <div class="order-hint-msg-box">
                <p class="hint-txt">温馨提示：<a href="/member/login" id="fast_login">登录</a>可享受预订送积分、积分抵现！</p>
            </div>
            <!-- 未登录提示 -->
            <div class="clearfix">
                <div class="booking-l-container">
                    <form id="orderfrm">
                        <div class="booking-info-block">
                            <div class="bib-hd-bar">
                                <h1 class="hb-title">
                                    <${areaname}平日成人门票>-门票<a href="javascript:;" class="ticket-explain-btn" id="ticketExplain">门票说明</a></${areaname}平日成人门票>
                                </h1>
                                <div class="hb-number">产编号：${areaid}</div>
                            </div>
                            <div class="bib-bd-wrap">
                                <ul class="booking-item-block">
                                    <li>
                                        <span class="item-hd">使用日期：</span>
                                        <div class="item-bd">
                                            <input type="date" class="input-text w230 inputdate choose-date-input" id="traveltime1" name="traveltime" placeholder="请选择日期">
                                        </div>
                                    </li>
                                    <li>
                                        <span class="item-hd">门票信息：</span>
                                        <div class="item-bd">
                                            <table class="booking-price-table people_info">
                                                <thead>
                                                    <tr>
                                                        <th width="25%" align="left"><span class="name">景点名称</span></th>
                                                        <th width="15%">门票类型</th>
                                                        <th width="15%">售价</th>
                                                        <th width="18%">数量</th>
                                                        <th width="15%">小计</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <td style="text-align: left;padding-left: 10px;">${areaname}</td>
                                                        <td class="suit_type">门票</td>
                                                        <td>
                                                            <i class="currency_sy">￥</i>
                                                            <span class="suit_price" id="areaprice">${areaprice}</span>
                                                        </td>
                                                        <td>
                                                            <div class="booking-amount-control">
                                                                <span class="sub-btn sub is_order_number" onclick="jian()">-</span>
                                                                <input type="text" id="dingnum" name="dingnum" class="number-text" value="1">
                                                                <span class="add-btn add is_order_number" onclick="jia()">+</span>
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <span class="o-price adult_total_price price suit-totalprice" name="totalprice">${areaprice}</span>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <!--预订信息-->
                        <div class="booking-info-block">
                            <div class="bib-hd-bar">
                                <span class="col-title">联系人信息</span>
                            </div>
                            <div class="bib-bd-wrap">
                                <ul class="booking-item-block">
                                    <li>
                                        <span class="item-hd"><i class="st-star-ico">*</i>姓名：</span>
                                        <div class="item-bd">
                                            <input type="text" class="input-text w230" name="realname" id="realname" value placeholder>
                                        </div>
                                    </li>
                                    <li>
                                        <span class="item-hd"><i class="st-star-ico">*</i>手机：</span>
                                        <div class="item-bd">
                                            <input type="text" class="input-text w230" name="phone" id="phone1" value placeholder>
                                        </div>
                                    </li>
                                    <li>
                                        <span class="item-hd">邮箱：</span>
                                        <div class="item-bd">
                                            <input type="text" class="input-text w230" id="email1" name="email" value placeholder>
                                        </div>
                                    </li>
                                    <li>
                                        <span class="item-hd">预订备注：</span>
                                        <div class="item-bd">
                                            <textarea name="hotelname" id="hotelname" cols rows class="text-area"></textarea>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <!--联系人信息-->
                        <div class="booking-info-block">
                            <div class="pay-info-bar">
                                <span class="item">应付总额：<span class="pri totalprice" name="totalprice">${areaprice}</span></span>
                            </div>
                        </div>
                        <!-- 应付总额 -->
                        <div class="booking-info-block clearfix">
                            <div class="fr booking-submit-block">
                                <#--<span class="yzm-txt">验证码：</span>
                                <img class="yzm-label" src="captcha.html" onClick="this.src=this.src+'?math='+ Math.random()" width="80" height="32">
                                <input type="text" class="input-text w100 ml10" name="checkcode" id="checkcode" maxlength="4">-->
                                <a class="booking-submit-btn ml10 tj-btn" href="javascript:tijiao()">提交订单</a>
                            </div>
                        </div>
                        <!--提交订单-->
                        <!-- 预订须知 -->
                        <div class="ticket-document-box" style="display: none;" id="ticketDocumentBox">
                            <div class="tickettype-nr">
                                <div class="tickettype-nr-sm">
                                    <strong class="hd">门票有效期</strong>
                                    <div class="bd"> 游客指定入园日期后1天内有效 </div>
                                </div>
                                <div class="tickettype-nr-sm">
                                    <strong class="hd">取票方式</strong>
                                    <div class="bd"></div>
                                </div>
                                <div class="tickettype-nr-sm">
                                    <strong class="hd">退改方式</strong>
                                    <div class="bd">无条件退
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- 门票说明 -->
                        <!--订单内容-->
                        <!--隐藏域-->
                        <input type="hidden" name="productid" value="1763">
                        <input type="hidden" name="webid" value="0">
                        <input type="hidden" name="frmcode" value="2e7e4f56594df463aa4d20b95764cfb3">
                        <!--安全校验码-->
                        <input type="hidden" name="usejifen" id="usejifen" value="0">
                        <!--是否使用积分-->
                        <input type="hidden" id="price" value="86">
                        <input type="hidden" id="jifentprice" value="0">
                        <!--积分抵现金额-->
                        <input type="hidden" name="suitid" id="suitid" value="48">
                        <input type="hidden" id="total_price" value>
                    </form>
                    <input type="hidden" id="storage" value="0">
                    <input type="hidden" id="paytype" value="1">
                    <input type="hidden" id="dingjin" value="0">
                </div>
                <div class="booking-r-container">
                    <div class="booking-side-total">
                        <div class="side-total-bar"><span class="tit">结算信息</span></div>
                        <div class="side-total-block">
                            <h4 class="side-total-tit">预订明细</h4>
                            <ul class="side-total-list">
                                <li>
                                    <span class="hd">预订方式</span>
                                    <span class="bd">全款支付</span>
                                </li>
                                <li>
                                    <span class="hd">预订日期</span>
                                    <span class="bd todaydate">2021-07-04</span>
                                </li>
                                <li>
                                    <span class="hd">使用日期</span>
                                    <span class="bd usedate">2021-07-04</span>
                                </li>
                                <li>
                                    <span class="hd">景点名称</span>
                                    <span class="bd">壶口瀑布</span>
                                </li>
                                <li>
                                    <span class="hd">门票类型</span>
                                    <span class="bd">门票</span>
                                </li>
                            </ul>
                        </div>
                        <div class="side-total-block hide">
                            <h4 class="side-total-tit">定金明细</h4>
                            <ul class="side-total-list">
                                <li>
                                    <span class="hd">应付定金额</span>
                                    <span class="bd">￥50×5</span>
                                </li>
                            </ul>
                        </div>
                        <div class="side-total-block side-amount-bar">
                            <ul class="side-total-list">
                                <li>
                                    <span class="hd">预订总额：</span>
                                    <span class="bd c-f60 order-total-price suit-totalprice" name="totalprice">${areaprice}</span>
                                </li>
                                <li class="all-li">
                                    <span class="hd all-item">应付总额</span>
                                    <span class="bd all-pri pay-total-price totalprice" name="totalprice">${areaprice}</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!--订单结算信息-->
            </div>
        </div>
        <link type="text/css" href="css/min_3.css" rel="stylesheet">
        <link type="text/css" href="css/skin.css" rel="stylesheet">
        <div class="st-brand">
            <div class="wm-1200">
                <ul class="brand-list">
                    <li class="item"><i class="icon1"></i>价格公正，安心购买</li>
                    <li class="item"><i class="icon2"></i>品质保证，放心出行</li>
                    <li class="item"><i class="icon3"></i>产品丰富，一站式服务</li>
                    <li class="item last"><i class="icon4"></i>专业顾问，24小时客服</li>
                </ul>
            </div>
        </div>
        <!--品牌介绍-->
        <div class="st-help">
            <div class="wm-1200">
                <div class="help-lsit">
                    <dl>
                        <dt><a href="https://www.situcms.com/help/index_16.html" rel="nofollow">参团信息</a></dt>
                        <dd>
                            <a href="https://www.situcms.com/help/show_7.html" target="_blank" rel="nofollow">确定参团人数</a>
                            <a href="https://www.situcms.com/help/show_1.html" target="_blank" rel="nofollow">什么是独立团</a>

                        </dd>
                    </dl>
                    <dl>
                        <dt><a href="https://www.situcms.com/help/index_17.html" rel="nofollow">支付定金</a></dt>
                        <dd>
                            <a href="https://www.situcms.com/help/show_4.html" target="_blank" rel="nofollow">旅游为什么要支付定金</a>
                            <a href="https://www.situcms.com/help/show_3.html" target="_blank" rel="nofollow">游客如何支付定金</a>

                        </dd>
                    </dl>
                    <dl>
                        <dt><a href="https://www.situcms.com/help/index_18.html" rel="nofollow">签订旅游合同</a></dt>
                        <dd>
                            <a href="https://www.situcms.com/help/show_6.html" target="_blank" rel="nofollow">是正规旅游合同吗？</a>
                            <a href="https://www.situcms.com/help/show_5.html" target="_blank" rel="nofollow">传真能签合同吗？</a>

                        </dd>
                    </dl>
                    <dl>
                        <dt><a href="https://www.situcms.com/help/index_19.html" rel="nofollow">正式出团</a></dt>
                        <dd>
                            <a href="https://www.situcms.com/help/show_8.html" target="_blank" rel="nofollow">接客正式出团</a>
                            <a href="https://www.situcms.com/help/show_2.html" target="_blank" rel="nofollow">什么是纯玩团？</a>

                        </dd>
                    </dl>
                    <dl>
                        <dt><a href="https://www.situcms.com/help/index_20.html" rel="nofollow">电话回访</a></dt>
                        <dd>
                            <a href="https://www.situcms.com/help/show_10.html" target="_blank" rel="nofollow">信件回访</a>
                            <a href="https://www.situcms.com/help/show_9.html" target="_blank" rel="nofollow">电话回访</a>

                        </dd>
                    </dl>

                    <div class="st-wechat">
                        <div class="pic">
                            <img class="fl" src="images/20160922170814_94x94.jpeg">
                        </div>
                        <span>微信扫一扫，<br>优惠多多！</span>
                    </div>
                </div>
            </div>
        </div>
        <!--帮助 扫码-->
        <div class="st-footer">
            <div class="wm-1200">
                <div class="st-foot-menu">
                    <a href="https://www.situcms.com/servers/index_1.html" target="_blank" rel="nofollow">关于我们</a>
                    <a href="https://www.situcms.com/servers/index_2.html" target="_blank" rel="nofollow">联系我们</a>
                    <a href="https://www.situcms.com/servers/index_8.html" target="_blank" rel="nofollow">我们的优势</a>
                    <a href="https://www.situcms.com/servers/index_4.html" target="_blank" rel="nofollow">支付方式</a>
                    <a href="https://www.situcms.com/servers/index_7.html" target="_blank" rel="nofollow">法律声明</a>

                </div>
                <!--底部导航-->
                <div class="st-foot-edit">
                    <p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<img src="images/arcimgs73241402466888.jpeg" title="1.jpg" alt style="float: none;"><img src="images/arcimgs59811402466888.jpeg" title="2.jpg" alt style="float: none;"></p><br><a href="http://beian.miit.gov.cn/" target="_blank">蜀ICP备08009168号-10</a>
                    <p>​<br>版权所有：旅游网</p>
                </div>
                <!--网站底部介绍-->
                <div class="support">技术支持：<a href="http://www.stourweb.com/" target="_blank">思途CMS</a></div>
                <p>
                    <script>
                        var _hmt = _hmt || [];
                        (function() {
                            var hm = document.createElement("script");
                            hm.src = "//hm.baidu.com/hm.js?d7f82c70ba24c58dbd6b23553c88ed03";
                            var s = document.getElementsByTagName("script")[0];
                            s.parentNode.insertBefore(hm, s);
                        })();
                    </script>
                    <script type="text/javascript">
                        (function(m, ei, q, i, a, j, s) {
                            m[i] = m[i] || function() {
                                (m[i].a = m[i].a || []).push(arguments)
                            };
                            j = ei.createElement(q),
                                s = ei.getElementsByTagName(q)[0];
                            j.async = true;
                            j.charset = 'UTF-8';
                            j.src = 'https://static.meiqia.com/dist/meiqia.js?_=t';
                            s.parentNode.insertBefore(j, s);
                        })(window, document, 'script', '_MEIQIA');
                        _MEIQIA('entId', 107298);
                    </script>
                </p>
            </div>
        </div>
        <script src="js/qqkefu.js"></script>
        <script type="text/javascript" src="js/layer.js"></script>
        <script type="text/javascript" src="js/WdatePicker.js"></script>
        <div id="calendar" style="display: none"></div>
    </div>
    <script>
        var max_useful_jifen = "";
        $(function() {
            //门票说明
            $("#ticketExplain").on("click", function() {
                layer.open({
                    type: 1,
                    title: "门票说明",
                    area: ['790px', '505px'],
                    btn: ['确定'],
                    btnAlign: "c",
                    scrollbar: false,
                    content: $('#ticketDocumentBox')
                });
            });
            $("#bkDocument").on("click", function() {
                layer.open({
                    type: 1,
                    title: "预订须知",
                    area: ['900px', '500px'],
                    btn: ['确定'],
                    btnAlign: "c",
                    scrollbar: false,
                    content: $('#bkDocumentBox')
                });
            });
            init();

            function init() {
                var suitid = $("#suitid").val();
                var url = SITEURL + 'spot/suit_day_price';
                $.getJSON(url, {
                    'inputdate': $('#inputdate').val(),
                    'suitid': suitid
                }, function(data) {
                    $('#price').val(data.price);
                    $('.booking-price-table span.suit_price').text(data.price);
                    $('#storage').val(data.number);
                    if (data.number < 0) {
                        $('.booking-price-table .suit_number').text('充足');
                    }
                    if (data.number == 0) {
                        $('.booking-price-table .suit_number').text('无余票');
                    }
                    if (data.number > 0) {
                        $('.booking-price-table .suit_number').text(data.number);
                    }
                    get_total_price();
                });
            }
            //积分计算
            $("#needjifen").on('keyup change', function() {
                jifentprice_update();
                get_total_price(1);
            });
            //预订须知合同
            $("#agreementBookingCheck").on("click", function() {
                if ($(this).hasClass("active")) {
                    $(this).removeClass("active")
                } else {
                    $(this).addClass("active")
                }
            });
            //出发日期选择
            $("#inputdate").unbind('click').bind('click', function() {
                var suitid = $("#suitid").val();
                var date = $(this).val().split('-');
                get_calendar(suitid, this, date[0], date[1]);
            });
            $('body').delegate('.prevmonth,.nextmonth', 'click', function() {
                var year = $(this).attr('data-year');
                var month = $(this).attr('data-month');
                var suitid = $(this).attr('data-suitid');
                var contain = $(this).attr('data-contain');
                get_calendar(suitid, $("#" + contain)[0], year, month);
            });

            function get_calendar(suitid, obj, year, month) {
                //加载等待
                layer.open({
                    type: 3,
                    icon: 2
                });
                var containdiv = '';
                if (obj) {
                    containdiv = $(obj).attr('id');
                }
                var url = SITEURL + 'spot/dialog_calendar';
                $.post(url, {
                    suitid: suitid,
                    year: year,
                    month: month,
                    containdiv: containdiv
                }, function(data) {
                    if (data) {
                        $("#calendar").html(data);
                        $("#calendar").data(suitid, data);
                        show_calendar_box();
                    }
                })
            }

            function show_calendar_box() {
                layer.closeAll();
                layer.open({
                    type: 1,
                    title: '',
                    area: ['480px', '430px'],
                    shadeClose: true,
                    content: $('#calendar').html()
                });
            }
            //提交订单
            $('.tj-btn').click(function() {
                if ($("div.booking-agreement-block").length > 0) {
                    if (!$("div.booking-agreement-block").find('span.common-use-label').hasClass('active')) {
                        layer.open({
                            content: '请先仔细阅读我们的预订条款',
                            btn: ['确定']
                        });
                        return false;
                    }
                }
                $("#orderfrm").submit();
            })
            //表单验证
            $("#orderfrm").validate({
                submitHandler: function(form) {
                    var flag = check_storage();
                    if (!flag) {
                        layer.open({
                            content: '库存不足,不能预订',
                            btn: ['确定']
                        });
                        return false;
                    } else {
                        ST.Util.showLoading({
                            isfade: true,
                            text: '提交中...'
                        });
                        form.submit();
                    }
                },
                errorClass: 'st-ts-text',
                errorElement: 'span',
                rules: {
                    usedate: {
                        required: true
                    },
                    linkman: {
                        required: true
                    },
                    linktel: {
                        required: true,
                        isPhone: true
                    },
                    linkemail: {
                        email: true
                    },
                    needjifen: {
                        digits: true,
                        min: 0,
                        max: parseInt(max_useful_jifen)
                    },
                    checkcode: {
                        required: true,
                        minlength: 4,
                        remote: {
                            param: {
                                url: SITEURL + 'pub/ajax_check_code',
                                type: 'post',
                            },
                            depends: function(element) {
                                return element.value.length == 4;
                            }
                        }
                    }
                },
                messages: {
                    usedate: {
                        required: "请选择使用日期"
                    },
                    linkman: {
                        required: "请填写联系人信息"
                    },
                    linktel: {
                        required: "请填写联系方式"
                    },
                    linkemail: {
                        email: '邮箱格式错误'
                    },
                    needjifen: {
                        digits: '请输入数字',
                        min: '不得小于0',
                        max: '超过抵扣上限'
                    },
                    checkcode: {
                        required: "请填写验证码",
                        minlength: "",
                        remote: "验证码错误"
                    }
                },
                highlight: function(element, errorClass, validClass) {
                    $(element).attr('style', 'border:1px solid red');
                },
                unhighlight: function(element, errorClass) {
                    $(element).attr('style', '');
                },
                errorPlacement: function(error, element) {
                    if (element.is('#checkcode')) {
                        if ($(error).text() != '') {
                            layer.tips('验证码错误', '#checkcode', {
                                tips: 3
                            });
                        }
                    } else if (element.is('#needjifen')) {
                        $(".jifen-error").append(error);
                    } else {
                        $(element).parent().append(error)
                    }
                }
            });
            add_tourer();
            //数量减少
            $(".booking-price-table").find('.sub-btn').click(function() {
                if (!check_param()) {
                    return false;
                }
                var obj = $(this).parent().find('.number-text');
                var cur = Number(obj.val());
                if (cur > 1) {
                    cur = cur - 1;
                    obj.val(cur);
                }
                if (cur < 1) {
                    cur = 1;
                }
                var storage = Number($("#storage").val());
                if ((storage != '-1' && cur > storage) || storage == 0) {
                    layer.alert('库存不足,不能预订', {
                        icon: 5
                    });
                    $('.booking-submit-btn.tj-btn').addClass('disabled');
                    return false;
                } else {
                    $('.booking-submit-btn.tj-btn').removeClass('disabled');
                }
                $('.dingnum').html(cur);
                get_total_price();
                remove_tourer();
            })
            //数量添加
            $(".booking-price-table").find('.add-btn').click(function() {
                if (!check_param()) {
                    return false;
                }
                var obj = $(this).parent().find('.number-text');
                var cur = Number(obj.val());
                cur++;
                var storage = Number($("#storage").val());
                if ((storage != '-1' && cur > storage) || storage == 0) {
                    layer.alert('库存不足,不能预订', {
                        icon: 5
                    });
                    $('.booking-submit-btn.tj-btn').addClass('disabled');
                    return false;
                } else {
                    $('.booking-submit-btn.tj-btn').removeClass('disabled');
                }
                obj.val(cur);
                $('.dingnum').html(cur);
                get_total_price();
                add_tourer();
            });
            //使用积分抵现
            $('.use-jf label i').click(function() {
                var totalprice = Number($("#total_price").val());
                if ($('.use-jf label').attr('class') != 'on') {
                    var jifentprice = Number($("#jifentprice").val());
                    if (jifentprice > totalprice) {
                        layer.alert('该产品价格低于单位积分抵现金额，不能抵现！', {
                            icon: 5
                        })
                        return false;
                    }
                }
                $(this).parent().toggleClass('on');
                get_total_price(1);
            })
        })

        function check_param() {
            var flag = 1;
            var suitid = $("#suitid").val();
            if (suitid == "" || !suitid || suitid == "") {
                layer.alert('未选择正确的套餐', {
                    icon: 5
                });
                flag = 0;
            }
            var usedate = $("input[name='usedate']").val();
            if (usedate == "" || !usedate || usedate == "") {
                layer.alert('请先选择门票使用日期', {
                    icon: 5
                });
                flag = 0;
            }
            return flag;
        }
        //选择日期
        function choose_day(day, containdiv) {
            $('#' + containdiv).removeAttr('style');
            $('#' + containdiv).siblings("span.st-ts-text").remove();
            var old_date = $('#inputdate').val();
            var suitid = $("#suitid").val();
            var url = SITEURL + 'spot/suit_day_price';
            $.getJSON(url, {
                'inputdate': day,
                'suitid': suitid
            }, function(data) {
                if (data.number > 0 && data.number < $("#dingnum").val()) {
                    layer.alert('库存不足,不能预订', {
                        icon: 5
                    });
                    $("#inputdate").val(old_date);
                    //                $('.booking-submit-btn.tj-btn').addClass('disabled');
                    return false;
                }
                $('#price').val(data.price);
                $('.booking-price-table span.suit_price').text(data.price);
                $('#storage').val(data.number);
                if (data.number < 0) {
                    $('.booking-price-table .suit_number').text('充足');
                }
                if (data.number == 0) {
                    $('.booking-price-table .suit_number').text('无余票');
                }
                if (data.number > 0) {
                    $('.booking-price-table .suit_number').text(data.number);
                }
                get_total_price();
                $('.usedate').text(day);
            });
            $('#' + containdiv).val(day);
            layer.closeAll();
        }
        //检测库存
        function check_storage() {
            var startdate = $("#inputdate").val();
            var dingnum = $("#dingnum").val();
            var suitid = $("#suitid").val();
            var flag = 1;
            $.ajax({
                type: 'POST',
                url: SITEURL + 'spot/ajax_check_storage',
                data: {
                    startdate: startdate,
                    dingnum: dingnum,
                    suitid: suitid
                },
                async: false,
                dataType: 'json',
                success: function(data) {
                    flag = data.status;
                }
            })
            return flag;
        }
        //获取总价
        function get_total_price(a) {
            //选择积分的时候不重置优惠券
            var a = arguments[0] ? arguments[0] : 0;
            if (!a) {
                on_orgprice_changed();
            }
            var dingnum = Number($("#dingnum").val());
            var price = Number($("#price").val());
            if ($("#paytype").val() == 2) {
                var price = Number($("#dingjin").val());
            }
            price = ST.Math.mul(price, dingnum);
            var org_totalprice = price;
            $("#total_price").val(price);
            $(".suit-totalprice").html(CURRENCY_SYMBOL + price);
            //使用积分抵现
            var jifentprice = jifentprice_calculate();
            if (jifentprice) {
                $(".jifentprice").html(CURRENCY_SYMBOL + jifentprice);
                price = ST.Math.sub(price, jifentprice);
            }
            //设置优惠券
            var coupon_price = 0;
            if ($('#coupon_price').length > 0) {
                coupon_price = $('#coupon_price').val();
            }
            if (coupon_price) {
                $(".coupon_price").html(CURRENCY_SYMBOL + coupon_price);
                price = ST.Math.sub(price, coupon_price);
            }
            if (price < 0) {
                var negative_params = {
                    totalprice: price,
                    jifentprice: jifentprice,
                    couponprice: coupon_price,
                    org_totalprice: org_totalprice
                };
                on_negative_totalprice(negative_params);
                return;
            }
            var discount_price = ST.Math.add(Number(coupon_price), Number(jifentprice));
            $(".discount-total-price").html(CURRENCY_SYMBOL + discount_price);
            $(".totalprice").html('<i class="currency_sy">' + CURRENCY_SYMBOL + '</i>' + price);
        }
        //性别选择
        $('body').delegate('.sex', 'click', function() {
            $(this).addClass("active").siblings().removeClass("active");
            $(this).siblings('input:hidden').val($(this).attr("data-sex"));
        });
        /*生成tourer html*/
        function add_tourer() {
            if ($("#tourer_list").length < 1) {
                return false;
            }
            var total_num = parseInt($("#dingnum").val());
            var html = '';
            var hasnum = $("#tourer_list").find('.bib-linkman-block').length;
            hasnum = !hasnum ? 0 : hasnum;
            var only_one = $("#tourer_list").attr('data-max');
            if (only_one == 1) {
                total_num = 1;
            }
            if (only_one == 1 && hasnum == 1) {
                return false;
            }
            if (hasnum > total_num) {
                var cur_index = total_num - 1;
                $("#tourer_list .bib-linkman-block:gt(" + cur_index + ")").remove();
            }
            var fields_str = $("#tourer_list").attr('data-field');
            if (fields_str) {
                var fields_arr = fields_str.split(",");
            }
            for (var i = hasnum; i < total_num; i++) {
                var index = hasnum + 1;
               /* html += '<div class="bib-linkman-block clearfix"><div class="hd-box">旅客' + index + '</div>';*/
                html += '<div class="bd-box"><ul class="booking-item-block">';
                if ($.inArray("tourername", fields_arr) >= 0) {
                    //姓名
                    html += '<li><span class="item-hd"><i class="st-star-ico">*</i>旅客姓名：</span>';
                    html += '<div class="item-bd"><input type="text" class="input-text w230 t_name" name="t_name[' + i + ']" placeholder="" />';
                    html += '</div></li>';
                }
                if ($.inArray("sex", fields_arr) >= 0) {
                    //性别
                    html += '<li> <span class="item-hd"><i class="st-star-ico">*</i>旅客性别：</span>';
                    html += '<div class="item-bd"> <div class="bib-radio-box">';
                    html += '<input type="hidden" name="t_sex[' + i + ']" value="男">';
                    html += '<span class="bib-radio-label active sex" data-sex="男">';
                    html += '<i class="radio-icon"></i>男</span><span class="bib-radio-label sex" data-sex="女">';
                    html += '<i class="radio-icon"></i>女</span></div></div></li>';
                }
                if ($.inArray("mobile", fields_arr) >= 0) {
                    //手机
                    html += '<li> <span class="item-hd"><i class="st-star-ico">*</i>手机号码：</span><div class="item-bd">';
                    html += '<input type="text" class="input-text w230 t_mobile" id="t_mobile_' + i + '" name="t_mobile[' + i + ']" placeholder=""></div></li>';
                }
                if ($.inArray("cardnumber", fields_arr) >= 0) {
                    //证件
                    html += '<li><span class="item-hd"><i class="st-star-ico">*</i>证件类型：</span> <div class="item-bd">';
                    html += '<select class="select w230 t_cardtype" id="t_cardtype_' + i + '" name="t_cardtype[' + i + ']"> <option value="身份证">身份证</option><option value="护照">护照</option><option value="台胞证">台胞证</option>';
                    html += '<option value="港澳通行证">港澳通行证</option> <option value="军官证">军官证</option> <option value="出生日期">出生日期</option> </select> </div> </li>';
                    //证件号码
                    html += '<li> <span class="item-hd"><i class="st-star-ico">*</i>证件号码：</span><div class="item-bd"><input type="text" class="input-text w230 t_cardno" id="t_cardno_' + i + '" name="t_cardno[' + i + ']"  placeholder="">';
                    html += '</div></li>';
                }
                //存为联系人
                html += '<li><span class="item-hd">&nbsp;</span><div class="item-bd">';
                html += '<span class="common-use-label mt10 save-linkman"><i class="icon"></i>存为常用联系人</span><input type="hidden" name="t_issave[' + i + ']" value="0"></div></li>';
                html += '</ul></div></div>';
            }
            $("#tourer_list").append(html);
            //选择保存到常用
            $('#tourer_list').on('click', '.save-linkman', function() {
                if ($(this).hasClass('active')) {
                    $(this).removeClass('active');
                    $(this).next('input:hidden').val(0);
                } else {
                    $(this).addClass('active');
                    $(this).next('input:hidden').val(1);
                }
            });
            //        if (hasnum == 0) {
            //            var tourname = "";
            //            var tour_mobile = "";
            //            var tour_idcard = "";
            //            var obj = $("#tourer_list").find('div.bib-linkman-block').first();
            //            obj.find('.t_name').val(tourname);
            //            obj.find('.t_mobile').val(tour_mobile);
            //            obj.find('.t_cardno').val(tour_idcard);
            //            obj.find('.t_cardtype').val('身份证');
            //        }
            //动态添加游客姓名
            $("input[name^='t_name']").each(
                function(i, obj) {
                    $(obj).rules("remove");
                    $(obj).rules("add", {
                        required: true,
                        byteRangeLength: true,
                        messages: {
                            required: "请输入姓名",
                            byteRangeLength: '最大支持4个中文汉字'
                        }
                    });
                }
            );
            //证件类型
            $("input[name^='t_cardno']").each(
                function(i, obj) {
                    $(obj).rules("remove");
                    var id = $(obj).attr('id').replace('t_cardno_', '');
                    $(obj).rules("remove", 'required');
                    $(obj).rules("remove", 'isIDCard');
                    $(obj).rules("remove", 'date');
                    $(obj).rules("remove", 'alnum');
                    if ($('#t_cardtype_' + id).val() == '身份证') {
                        $(obj).rules('add', {
                            required: true,
                            isIDCard: true,
                            messages: {
                                required: "请输入身份证号码",
                                isIDCard: "身份证号码不正确"
                            }
                        });
                    } else if ($('#t_cardtype_' + id).val() == '出生日期') {
                        $(obj).rules("add", {
                            required: true,
                            date: true,
                            messages: {
                                required: "请输入出生日期",
                                date: "日期格式不正确"
                            }
                        });
                    } else {
                        $(obj).rules("add", {
                            required: true,
                            alnum: true,
                            messages: {
                                required: "请输入证件号"
                            }
                        });
                    }
                }
            );
            //手机号
            $("input[name^='t_mobile']").each(
                function(i, obj) {
                    $(obj).rules("remove");
                    $(obj).rules("add", {
                        required: true,
                        isMobile: true,
                        messages: {
                            required: "请输入手机号码",
                            isMobile: "请输入正确的手机号"
                        }
                    });
                }
            );
            //身份证验证
            $('#tourer_list').on('change', '.t_cardtype', function() {
                var id = $(this).attr('id').replace('t_cardtype_', '');
                $("span[for='t_cardno_" + id + "']").remove();
                $('#t_cardno_' + id).val('');
                $('#t_cardno_' + id).rules("remove", 'required');
                $('#t_cardno_' + id).rules("remove", 'isIDCard');
                $('#t_cardno_' + id).rules("remove", 'date');
                $('#t_cardno_' + id).rules("remove", 'alnum');
                $('#t_cardno_' + id).removeAttr("placeholder");
                if ($(this).val() == '身份证') {
                    $('#t_cardno_' + id).rules('add', {
                        required: true,
                        isIDCard: true,
                        messages: {
                            required: "请输入身份证号码",
                            isIDCard: "身份证号码不正确"
                        }
                    });
                } else if ($(this).val() == '出生日期') {
                    $('#t_cardno_' + id).rules("add", {
                        required: true,
                        date: true,
                        messages: {
                            required: "请输入出生日期",
                            date: "日期格式不正确"
                        }
                    });
                    $('#t_cardno_' + id).attr('placeholder', '格式:yyyy-mm-dd');
                } else {
                    $('#t_cardno_' + id).rules("add", {
                        required: true,
                        alnum: true,
                        messages: {
                            required: "请输入证件号"
                        }
                    });
                }
            });
            jQuery.validator.addMethod("byteRangeLength", function(value, element) {
                var length = 0;
                for (var i = 0; i < value.length; i++) {
                    if (value.charCodeAt(i) > 127) {
                        length++;
                    } else {
                        length += 0.5;
                    }
                }
                return this.optional(element) || (length >= 0 && length <= 4);
            }, $.validator.format("最大支持4个中文汉字"));
        }
        //结算
        var windowHeight = $(window).height();
        var offSetTop = $(".booking-side-total").offset().top;
        $(window).scroll(function() {
            if ($(window).scrollTop() > offSetTop) {
                $(".booking-side-total").addClass("booking-side-fixed");
                if ($(".booking-side-total").height() > windowHeight) {
                    $(".booking-side-fixed").css({
                        "bottom": "0",
                        "overflow-y": "auto"
                    })
                }
            } else {
                $(".booking-side-total").removeClass("booking-side-fixed")
            }
        });
        /*移除tourer*/
        function remove_tourer() {
            if ($("#tourer_list").length < 1) {
                return false;
            }
            var hasnum = $("#tourer_list").find('.bib-linkman-block').length;
            hasnum = !hasnum ? 0 : hasnum;
            if (hasnum == 1) {
                return false;
            }
            $("#tourer_list .bib-linkman-block").last().remove();
        }
        //计算积分抵现价格
        function jifentprice_calculate() {
            var needjifen = parseInt($("#needjifen").val());
            if (!needjifen || needjifen <= 0)
                return 0;
            var exchange = $("#needjifen").data('exchange');
            var price = Math.floor(ST.Math.div(needjifen, exchange));
            return price;
        }
        //重设积分,即积分置0
        function jifentprice_reset() {
            $("#needjifen").val(0);
            jifentprice_update();
        }
        //更新积分价格
        function jifentprice_update() {
            var price = jifentprice_calculate();
            $("#jifentprice").html(CURRENCY_SYMBOL + price);
        }
        //重置优惠券
        function coupon_reset() {
            $('select[name=couponid] option:first').attr('selected', 'selected'); //优惠券重置
            $('#coupon_price').val(0);
        }
        //当总价小于0时
        function on_negative_totalprice(params) {
            layer.msg('优惠价格超过产品总价，请重新选择优惠策略', {
                icon: 5,
                time: 2200
            })
            jifentprice_reset();
            coupon_reset();
            get_total_price(1);
        }
        //当原始价格发生改变时
        function on_orgprice_changed() {
            coupon_reset();
            jifentprice_reset();
        }
        //优惠券回调
        function coupon_callback(data) {
            if (data.status == 1) {
                $('#coupon_price').val(data['coupon_price']);
                get_total_price(1);
            } else {
                coupon_reset();
                layer.msg('不符合使用条件', {
                    icon: 5
                })
            }
        }
    </script>
    <div id="calendar"></div>
    <script type="text/javascript" src="js/min_4.js"></script>
    <div class="content-fix-box hide" id="is_login_order">
        <div class="login-small-box">
            <div class="login-small-con">
                <h3 class="tab-nav-bar">
                    <span class="item on" data-type="user_fast_login">账户密码登录</span>
                    <span class="item" data-type="mobile_fast_login">动态码登录</span>
                    <i class="close-btn"></i>
                </h3>
                <div class="tab-wrapper">
                    <form id="user_fast_login" method="post">
                        <div class="tab-item-box">
                            <div class="user-name">
                                <input type="text" name="loginname" id="loginname" class="user-zh" placeholder="请输入手机号/邮箱">
                            </div>
                            <div class="user-num">
                                <input type="text" name="logincode" id="frmcode" class="user-zh" placeholder="请输入验证码">
                                <span class="yzm"><img class="captcha" src="captcha.html"></span>
                                <span class="change-next change_yzm">换一张</span>
                            </div>
                            <div class="user-password">
                                <input type="password" name="loginpwd" id="loginpwd" class="user-zh" placeholder="请输入登录密码">
                            </div>
                        </div>
                    </form>
                    <form id="mobile_fast_login" method="post">
                        <div class="tab-item-box">
                            <div class="user-phone">
                                <input type="text" class="user-zh" name="login_dialog_mobile" id="login_dialog_mobile" placeholder="请输入手机号">
                            </div>
                            <div class="user-num">
                                <input type="text" class="user-zh" name="login_code" id="login_code" placeholder="请输入验证码">
                                <span class="yzm"><img class="captcha" src="captcha.html"></span>
                                <span class="change-next change_yzm">换一张</span>
                            </div>
                            <div class="user-password user-num">
                                <input type="text" class="user-zh" name="sms_code" id="sms_code" placeholder="请输入动态密码">
                                <span class="code" id="send_sms_code">获取动态码</span>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="login-error" style="display: none;"></div>
                <div class="login-btn"><a href="javascript:;" id="login_order">登 录</a></div>
                <div class="reg-find-acc">没有账号，<a href="/member/register">免费注册</a>
                    <a class="fr" href="/member/findpwd">找回密码</a>
                </div>
            </div>
            <div class="other-login">
                <dl>
                    <dt><span>使用其他方式登录</span><em></em></dt>
                    <dd>
                        <a class="qq third-login" href="javascript:" data="https://www.situcms.com/plugins/login_qq/index/index/?refer">QQ</a>
                    </dd>
                </dl>
            </div>
        </div>
    </div>
    <div class="login-shadow" style="display: none;">
        <div class="send-tip-box"><i class="icon"></i>动态密码已发送，15分钟有效</div>
    </div>
    <script>
        $(document).ready(function() {
            var one = '';
            if (!one) {
                $("img.captcha").parents('div.user-num').hide();
                $("img.captcha").parents('div.user-num').remove();
            }

            function count_down(v) {
                if (v > 0) {
                    $('#send_sms_code').html(--v + '秒后');
                    $('#send_sms_code').attr('do-send', 'false').removeClass('cursor');
                    //$('#submit_btn').removeClass('disabled');
                    setTimeout(function() {
                        count_down(v);
                    }, 1000);
                } else {
                    $('#send_sms_code').attr('do-send', 'true').addClass('cursor').html('重新获取');
                }
            }
            bind_event();
            //事件绑定
            function bind_event() {
                //切换验证码
                $('.change_yzm').click(function() {
                    var _obj = $(this).siblings("span.yzm").find('.captcha');
                    $(this).siblings("span.yzm").find('.captcha').attr('src', ST.captcha(_obj.attr('src')));
                });
                //初始化登陆form
                var login_form = $("#user_fast_login");
                if ($(".tab-nav-bar>span.item.on").attr('data-type') == 'mobile_fast_login') {
                    login_form = $("#mobile_fast_login");
                }
                //$('#submit_btn').addClass('disabled');
                //初始化图形验证码
                login_form.find('.captcha').attr('src', ST.captcha(SITEURL + 'captcha'));
                //刷新验证码
                login_form.find('.captcha').click(function() {
                    $(this).attr('src', ST.captcha($(this).attr('src')));
                });
            }
            $('#send_sms_code').click(function() {
                var bool = $(this).attr('do-send');
                if (bool === 'false') {
                    return false;
                }
                //除动态码外
                $('#sms_code').rules("remove", 'required');
                if (!$("#mobile_fast_login").valid()) {
                    return false;
                }
                var data = {};
                if ($("#login_dialog_mobile").length > 0) {
                    data['phone'] = $("#login_dialog_mobile").val();
                    if (!data['phone']) {
                        $('.login-error').show();
                        $(".login-error").html('手机号码不能为空');
                        return false;
                    }
                }
                //验证码存在则不能为空
                if ($("input[name='login_code']").length > 0) {
                    data['code'] = $("input[name='login_code']").val();
                    if (!data['code']) {
                        $('.login-error').show();
                        $(".login-error").html('验证码错误');
                        return false;
                    }
                }
                $(this).text('发送中...');
                if ($(this).hasClass('disabled')) {
                    $(this).text('获取动态码');
                    return false;
                }
                var url = SITEURL + 'member/login/ajax_send_code';
                $.ajax({
                    type: "post",
                    async: false,
                    url: url,
                    data: data,
                    dataType: 'json',
                    success: function(data) {
                        if (data.status == '1') {
                            //发送成
                            count_down(120);
                            $('#send_sms_code').attr('do-send', 'false').removeClass('cursor');
                        } else {
                            $('#mobile_fast_login').find('.captcha').attr('src', ST.captcha(SITEURL + 'captcha'));
                            $('#send_sms_code').html("获取动态码");
                            if (data.msg != undefined) {
                                $('.login-error').show();
                                $(".login-error").html(data.msg);
                            } else {
                                $('.login-error').show();
                                $(".login-error").html('用户名或者密码错误');
                            }
                        }
                    },
                    error: function(a, b, c) {}
                });
            });
            var node;
            //关闭弹出框
            $('.close-btn').click(function() {
                $('#is_login_order').addClass('hide');
            });
            //弹出层
            $('.tab-item-box').eq(0).show();
            $('.tab-nav-bar .item').on('click', function() {
                var index = $(this).index();
                $(this).addClass('on').siblings().removeClass('on');
                $('.tab-item-box').hide();
                $('.tab-item-box').eq(index).show();
                bind_event();
            })
            //第三方登陆
            $('.other-login dd a').click(function(e) {
                e.preventDefault();
                var href = $(this).attr('data') + '=' + encodeURIComponent(window.location.href);
                window.location.href = href;
            });
            //登陆
            $('#login_order').click(function() {
                node = $(this);
                //初始化登陆form
                var login_form = $("#user_fast_login");
                if ($(".tab-nav-bar>span.item.on").attr('data-type') == 'mobile_fast_login') {
                    login_form = $("#mobile_fast_login");
                }
                login_form.submit();
            });
            $("#user_fast_login").validate({
                rules: {
                    loginname: {
                        required: true,
                    },
                    loginpwd: {
                        required: true,
                        minlength: 6
                    },
                    logincode: {
                        required: true,
                    },
                },
                messages: {
                    loginname: {
                        required: '用户名不能为空',
                    },
                    loginpwd: {
                        required: '用户密码不能为空',
                        minlength: '密码长度至少6位'
                    },
                    logincode: {
                        required: '验证码不能为空',
                    },
                },
                errorPlacement: function(error, element) {
                    var content = $('.login-error').html();
                    if (content == '') {
                        $('.login-error').show();
                        $('.login-error').html(error);
                    }
                },
                showErrors: function(errorMap, errorList) {
                    if (errorList.length < 1) {
                        $('.login-error').hide();
                        $('.login-error').html('');
                    } else {
                        $('.login-error').show();
                        this.defaultShowErrors();
                    }
                },
                submitHandler: function(form) {
                    //初始化登陆form
                    var login_form = $("#user_fast_login");
                    var url = SITEURL + 'member/login/ajax_login';
                    var loginname = $("#loginname").val();
                    var loginpwd = $.md5($("#loginpwd").val());
                    var frmcode = $("#frmcode").val();
                    $.ajax({
                        type: "post",
                        async: false,
                        url: url,
                        data: {
                            loginname: loginname,
                            loginpwd: loginpwd,
                            code: frmcode
                        },
                        dataType: 'json',
                        success: function(data) {
                            if (data.status == '1') { //登陆成功,跳转到来源网址
                                ST.Login.login_callback(data);
                                //                                $('body').append(data.js);//同步登陆js
                                window.location.reload();
                            } else {
                                $('.login-error').show();
                                if (data.msg != undefined) {
                                    $(".login-error").html(data.msg);
                                } else {
                                    $(".login-error").html('用户名或者密码错误');
                                }
                                if (login_form.find('.captcha').length <= 0) {
                                    var yzm_html = '<div class="user-num"><input type="text" class="user-zh" name="logincode" id="frmcode" placeholder="请输入验证码">' +
                                        '<span class="yzm"><img class="captcha" src=""></span>' +
                                        '<span class="change-next change_yzm">换一张</span></div>';
                                    login_form.find("div.user-name").after(yzm_html);
                                    //刷新验证码
                                    login_form.find('.captcha').click(function() {
                                        $(this).attr('src', ST.captcha($(this).attr('src')));
                                    });
                                }
                                login_form.find('.captcha').attr('src', ST.captcha(SITEURL + 'captcha'));
                            }
                        },
                        error: function(a, b, c) {}
                    });
                    return false;
                }
            });
            $("#mobile_fast_login").validate({
                rules: {
                    login_dialog_mobile: {
                        required: true,
                        isMobile: true,
                    },
                    login_code: {
                        required: true,
                    },
                    sms_code: {
                        required: true
                    },
                },
                messages: {
                    login_dialog_mobile: {
                        required: '用户名不能为空',
                        isMobile: '手机号不合法',
                    },
                    login_code: {
                        required: '验证码不能为空',
                    },
                    sms_code: {
                        required: '短信动态码不能为空'
                    },
                },
                errorPlacement: function(error, element) {
                    var content = $('.login-error').html();
                    if (content == '') {
                        $('.login-error').show();
                        $('.login-error').html(error);
                    }
                },
                showErrors: function(errorMap, errorList) {
                    if (errorList.length < 1) {
                        $('.login-error').hide();
                        $('.login-error').html('');
                    } else {
                        $('.login-error').show();
                        this.defaultShowErrors();
                    }
                },
                submitHandler: function(form) {
                    //初始化登陆form
                    var login_form = $("#mobile_fast_login");
                    var url = SITEURL + 'member/login/ajax_check_sms_code';
                    var phone = $("#login_dialog_mobile").val();
                    var sms_code = $("#sms_code").val();
                    var code = null;
                    if (login_form.find("input[name=login_code]").length > 0) {
                        code = login_form.find("input[name=login_code]").val();
                    }
                    $.ajax({
                        type: "post",
                        async: false,
                        url: url,
                        data: {
                            phone: phone,
                            sms_code: sms_code,
                            code: code
                        },
                        dataType: 'json',
                        success: function(data) {
                            if (data.status == '1') { //登陆成功,跳转到来源网址
                                ST.Login.login_callback(data);
                                window.location.reload();
                                //$('body').append(data.js);//同步登陆js
                            } else {
                                $('.login-error').show();
                                if (data.msg != undefined) {
                                    $(".login-error").html(data.msg);
                                } else {
                                    $(".login-error").html('用户名或者密码错误');
                                }
                                if (login_form.find('.captcha').length <= 0) {
                                    var yzm_html = '<div class="user-num"><input type="text" class="user-zh" name="login_code" id="login_code" placeholder="请输入验证码">' +
                                        '<span class="yzm"><img class="captcha" src=""></span>' +
                                        '<span class="change-next change_yzm">换一张</span></div>';
                                    login_form.find("div.user-phone").after(yzm_html);
                                    //刷新验证码
                                    login_form.find('.captcha').click(function() {
                                        $(this).attr('src', ST.captcha($(this).attr('src')));
                                    });
                                }
                                login_form.find('.captcha').attr('src', ST.captcha(SITEURL + 'captcha'));
                            }
                        },
                        error: function(a, b, c) {}
                    });
                    return false;
                }
            });
        });
    </script>
    <script>
        $('#fast_login').click(function() {
            $('#is_login_order').removeClass('hide');
            return false;
        });
    </script>
<script>
    function jia(){
        $("#dingnum").val($("#dingnum").val()*1+1);
        var a=${areaprice}*$("#dingnum").val();
        $("span[name='totalprice']").text(a);
    }
    function jian(){
        if ($("#dingnum").val()*1>=2){
            $("#dingnum").val($("#dingnum").val()*1-1)
            var a=${areaprice}*$("#dingnum").val();
            $("span[name='totalprice']").text(a);
        }

    }
</script>
</body>
<script>

    function tijiao() {
        var realname = $("#realname").val();//
        var phone = $("#phone1").val();//
        var email = $("#email1").val();//
        var traveltime = $("#traveltime1").val();
        var areaname = "壶口瀑布";
        var totalprice = ${areaprice}*$("#dingnum").val();

        $.ajax({
            url:"http://127.0.0.1:8085/yuding/addyuding",
            type:'post',
            data:JSON.stringify({'traveltime':traveltime,'realname':realname,'phone':phone,'email':email,'areaname':areaname,'totalprice':totalprice}),
            dataType:"json",
            contentType: "application/json",
            success:function () {
                alert("提交成功");
                location.href="http://127.0.0.1:8085/nav/user/Users.html";
            },error:function () {
                alert("提交成功");
                location.href="http://127.0.0.1:8085/nav/user/Users.html";
            }
        })
    }
</script>
</html>